module.exports = {
  // publicPath: './',
  publicPath: process.env.NODE_ENV === 'production'  //基本路径，baseURL已经过时
  ? './'   // 开发环境下需要打包保存在域名的根目录下
  : '/',  //
  outputDir: 'dist',     //构建输出目录
  assetsDir: 'assets',  //静态资源目录（js,css,img,fonts）
  lintOnSave: true,  //是否开启eslint保存监测，有效值： true || false || 'error'
  // webpack 配置
  chainWebpack: () => {},
  configureWebpack: () =>{},
  productionSourceMap: false,  // 打包时不生成.map文件
  //css 配置
  css:{
      //是否使用css分离插件 ExtractTextPlugin
      extract: true,
      sourceMap: false,   //开启css source maps ?
      // css预设器配置项
      loaderOptions: {},
       // 启用 CSS modules for all css / pre-processor files.
       modules: false
  },
  // webpack-dev-server配置
  devServer: {
      open: true,
      host:'localhost',  //域名  127.0.0.0本机    0.0.0.0真机测试
      port: 8080,    //端口号
      https: false, //是否使用https
      hotOnly:false,  //热更新 (webapck已经实现了，这里false即可)
      proxy: {
          // proxy: 'http://localhost:4000' 配置一个代理
          //配置跨域,配置多个代理
          '/api': {
              target: 'http://v.juhe.cn/toutiao',   //协议头、域名、端口号有一个不同就是跨域
              ws: true,      //是否跨域  ，ws(websockets)
              changOrigin: true,  //开启代理，在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接受请求的数据，这样服务端与服务端进行数据交互就不会有跨域问题
              pathRewrite: {
                  '^/api': '' // 这里理解成用'/api'代替target里面的地址，比如我要调用'http://40.00.100.100"3002/user/add',直接写/api/user/add''即可
              }
            },
            '/baidu_music_api': {
                target: 'http://tingapi.ting.baidu.com',
                ws: true,
                changeOrigin: true,
                pathRewrite: {
                  '^/baidu_music_api': ''
            }

          }
      }
    }
  }
